/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-5-31, 19:31:58
    Author     : Sunnyyoung
*/
@charset "utf-8";
body, div, ul, li{margin:0;padding:0;}
ul,ul li{list-style-type:none;}
body
{
    font-family:"微软雅黑", Arial, Helvetica, sans-serif;
    color:#333333;
    line-height:25px;
    font-size:14px;
}
a:link,a:visited
{
    text-decoration:none;
    color:#333333;
}
a:hover
{
    text-decoration:underline;
    color:#08A5E0;
    text-decoration:none;
}
/*导航栏*/
.navcol{width:960px;margin:auto;}
.navbg{height:40px;width:100%;background:#08A5E0;box-shadow:1px 1px 7px #999;position:absolute;z-index:99;left:0;}
#navul li{float:left;margin-right:1px;width:100px;height:40px;position:relative;text-align:center;line-height:40px;}
#navul li.navhome{text-align:left;padding:0 0px 0 40px;width:60px;}
#navul li a:link, #navul li a:visited{color:#FFFFFF;}
#navul li ul{display:none;position:absolute;z-index:10000;top:38px;left:-1px;background:#006D96;border:#004E6C 1px solid;border-bottom:none;}
#navul li ul li{display:block;width:98px;float:none;margin-right:0px;height:28px;position:relative;line-height:28px;border-bottom:#004E6C 1px solid;font-size:12px;}
#navul li.navmoon{background:#006D96;border:#004E6C 1px solid;width:98px;height:38px;line-height:38px;}
#navul li.navmoon a{color:#FFFFFF;}
#navul li.navhome a:hover{color:#FCFF00;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:98px;height:28px;line-height:28px;}
#navul li.navmoon ul a:hover{background:#000000;}

/* stage */
#stage{margin:0 auto;width:880px;}
#stage li{float:left;width:220px;}
#stage li div{font-size:12px;padding:10px;color:#999999;}
#stage li div span{display:block;padding:10px 0 0 0;line-height:22px;}

/* bottomcut */
.bottomcut{position:fixed;bottom:0;left:0;z-index:9999;width:100%;}
*html .bottomcut{position:absolute;}
.bottomcut{height:28px;line-height:28px;font-size:12px;background:#EEEEEE;border-top:1px solid #DDDDDD;box-shadow:1px 0px 2px rgba(0,0,0,0.2);text-align: center;}
.bottomcut a,.bottomcut{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;}
.bottomcut a:hover{background:#fff;}
.bottomcut span{display:block;color:#08A5E0;font-weight:800;}

/*登录注册表单样式*/
#carbonForm
{
    /* The main form container */
    background-color:#FFFFFF;
    border:1px solid #080808;
    margin:20px auto;
    padding:20px;
    width:500px;

    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

#carbonForm h1
{
    /* The form heading */
    font-size:40px;
    font-weight:normal;
    text-align:left;
}

#carbonForm fieldset
{
    border: 1px solid #ddd;
    padding: 19px;
    margin: 0 0 20px 0;
    background: #fbfbfb;

    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

#carbonForm fieldset p { margin: 0 0 14px 0; float: left; width: 100%;  }

#carbonForm fieldset label
{
    display: block;
    width: 100%; 
    margin: 0 0 7px 0;

}

#carbonForm fieldset textarea
{
    font-size: 14px;
    border: 1px solid #ddd;
    background: #FFFFFF;

    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;

}

.formRow{
    height:35px;
    padding:10px;
    position:relative;
}

.label{
    float:left;
    padding:0 20px 0 0;
    text-align:right;
    width:70px;
}

label{
    font-size:16px;
    letter-spacing:1px;
    line-height:35px;
}

.field{
    float:left;
}

.field input{
    /* The text boxes */
    border:1px solid white;
    color:#666666;
    font-size:22px;
    padding:4px 5px;
    outline:none; 

    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

.signupButton{
    text-align:center;
    padding:30px 0 10px;
}
#submit{
    /* The submit button */
    border:1px solid #f4f4f4;
    cursor:pointer;
    height:40px;
    text-indent:-9999px;
    text-transform:uppercase;
    width:110px;

    background:url("../images/submit.png") no-repeat center center #d0ecfd;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}
#submit:hover{
    background-color:#dcf2ff;
    border:1px solid white;
}
input:valid
{
    -moz-box-shadow:0 0 8px lightblue;
    -webkit-box-shadow:0 0 8px lightblue;
    box-shadow:0 0 8px lightblue;
}
input:hover,input:focus
{
    -moz-box-shadow:0 0 8px lightgreen;
    -webkit-box-shadow:0 0 8px lightgreen;
    box-shadow:0 0 8px lightgreen;
}